@import "~antd/lib/style/themes/default.less";

@background-color-unClick: rgba(94, 104, 155, 0.2);
@background-color-click: rgba(94, 104, 155, 1);

:global {
  .ant-tree {
    margin: 10px 10px !important;

  }

  .ant-tree .ant-tree-node-content-wrapper {
    background-color: @background-color-unClick;
  }

  .ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: @background-color-click;
  }

  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: @background-color-click;
  }


  //sider的样式
  .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper {
    //sider宽度200
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 5px;
    //background-color: rgba(94, 104, 155, 0.5);
    margin-bottom: 5px;
    border-radius: 4px 4px;
    color: #ccc;


    .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper:active {
      background-color: rgba(94, 104, 155, 1);
    }
  }

  .ant-tree-switcher {
    display: none;
  }

  .ant-card-body {
    padding: 10px;
    height: 100%;
  }

  .ant-table-tbody {
    //height: calc((~'(100vh - 149px)'));
  }


  .table-height {
    .ant-table {
      height: calc((~'(100vh - 110px)'));
    }
  }

  .modal-table-height {
    .ant-table {
      height: 440px;
    }
  }
}




